/*ctrl +g 快速定位到某一行    ctrl+f快速查找*/
		body {
			height: 3000px;
		}
		* {
			margin: 0;
			padding-top: 0;
		}
		ul {
			list-style:none;
			/*去掉列表样式小点*/
		}
	.clearfix:before, .clearfix:after {		/*清除浮动*/
		display: table;
		content: "";

	}	
	.clearfix:after {
		clear: both;
	}
	.clearfix {
		*zoom: 1;
	}
	a {
		color: #050505;
		text-decoration: none;
	}
	input	{
		border: 0; /*所有的表单边框为0*/
		box-sizing: border-box;/*css3盒子模型 让border和padding都包含到width里面去*/
	}
	.container {     /*因为所有版心都是1200宽 都要居中对齐*/
		width: 1200px;
		margin: 0 auto; 
	}
	/*css初始化结束*/
	/*页面头部分*/
	body {
		background-color: #f3f5f7;/*整个背景的基础颜色*/
	}
	header {
		height: 100px;
		/*background-color: pink;*/
		overflow: hidden; /*防止外边距合并*/
	}
	nav {
		width: 1366px;
		height: 42px;
		margin: 26px auto;/*盒子水平居中对齐*/
	}
	.logo {
		float: left;
	}
	.navbar {
		float: left;
		height: 42px; 
		line-height: 42px;
		margin-left: 50px;
	}
	.navbar li {
		float: left; /*让 首页 课程浮动起来在一行显示*/
	}
	.navbar li a  {
		padding:0 10px; /*上下时0，左右是8px*/
		display: block;/*a是行内元素，给定高需要转换块级*/
		height: 42px；
	}
	.navbar li a:hover {
		border-bottom: 2px solid #00a4ff; /*鼠标放入时底边框有颜色*/
	}
	/*搜索框部分开始*/
	.search {
		width: 410px;
		height: 38px;
		border: 1px solid #00a4ff;
		float: right;
	}
	.search input[type=text] {
		/*background-color: pink;*/
		width: 360px;
		height: 38px;
		padding-left: 20px;
		float: left;
	}
	.search input[type=submit] {
		width: 50px;
		height: 38px;
		float: left;
		background: #00a4ff url(images/search_06.png) center  center
		 no-repeat;
	}
	/*搜索框部分结束*/
	/*个人中心开始*/
	.personal {
		float: right;
		height: 42px;
		line-height: 42px;
		margin: 0 15px 0 35px
	}
	.personal img {
		margin: 0 8px;

	}
	/*个人中心结束*/
	/*banner开始*/
	.banner {
		height: 420px;
		background-color: #1c036c;

	}
	.banner-in {
		height: 420px;
		background: url(images/banner_03.png) 0 0 no-repeat;
		position: relative;/*子绝父相*/
	}
	.slidebar {
		height: 420px;
		width: 190px;
		background: rgba(0,0,0,0.3);/*盒子背景半透明*/
		float: left;

	}
	.slidebar ul {
		padding: 0 0;
	}
	.slidebar li a {
		color: #fff;
		font-size: 14px;
		padding: 0 20px; 
		display: block;
		height: 45px;
		line-height: 45px;

	}
	.slidebar li a:hover {
		color: #00a4ff;
	}
	.slidebar a span {
		float: right;
		font-family: arial;
	}
	.timetable {
		float: right;
		width: 230px;
		height: 300px;
		background-color: white;
		margin-top: 50px
	}
	.timetable dt {
		height: 50px;
		line-height: 50px;
		background-color: #9bceea;
		text-align: center;/*
		文字水平居中*/
		color: #fff;
		font-weight: 700;/*文字加粗*/
		letter-spacing: 2px;/*设置字间距*/
		margin-bottom: 5px;
	}
	.timetable dd {
		width: 193px;
		height: 60px;
		/*background-color: purple;*/
		margin: 0 auto;
		border-bottom: 1px solid #ccc;
		padding-top: 12px;
		box-sizing: border-box;
	}
	.timetable dd:last-child {
		border: 0;
	}
	.timetable dd h4 {
		font-size: 16px;
		font-weight: normal ;
		color: #4e4e4e;
	}
	.timetable dd p {
		font-size: 14px;
		color: #a5a5a5;
	}
	.timetable dd a {
		height: 38px;
		border: 1px solid #00a4ff;
		display: block;
		text-align: center;
		line-height: 38px;
		color: #00a4ff;
		font-weight: 700;
	}
	.timetable dd a:hover {
		background-color: #00a4ff;
		color: white;
	}
	/*小圆点模块*/
	.circle {
		width: 180px;
		height: 22px;
		/*background-color: pink;*/
		position: absolute;
		bottom: 10px;
		left: 50%;
		margin-left: -90px;
	}
	.circle li {
		float: left;
		width: 12px;
		height: 12px;
		background: rgba(255, 255, 255, 0.4);
		margin: 6px 8px;
		border-radius: 50%;
		list-style: none;
	}
	.circle .current {
		width: 19px;
		height: 12px;
		border-radius: 5px;
		background-color: white;


	}
	/*baner结束*/
	.recommend {
		height: 60px;
		background-color: #fff;
		margin-top: 8px;
		box-shadow: 0 2px 2px rgba(0,0,0,0.2);/*盒子阴影 水平位置 垂直位置 模糊距离 影子颜色*/
		line-height: 60px;
	}
	.recommend a {
		padding: 0 30px;
		border-right: 1px solid #ccc;
	}
	.recommend a:hover {
		color: #00a4ff;
	}
	.recommend a:first-child {
		color: #00a4ff;
		font-weight: 700;
	}
	.recommend a:last-child {
		color: #00a4ff;
		border: 0 ;
		float: right;
		font-size: 14px; 
	}
	.recom-products {
		margin-top: 35px;
	}
	.recom-hd {
		height: 40px;
		/*background-color: pink;*/
	}
	.recom-hd h4 {
		float: left;
		color: #494949;
	}
	.recom-hd a {
		float: right;
		margin-top: 15px;
		margin-right:30px;
		color: #a5a5a5;
		font-size: 12px;


	}
	.recom-hd a:hover {
		color: #00a4ff;
	}
	.recom-bd ul {
		padding: 0;
		margin: 0;
	}
	.recom-bd ul li {
		width: 227px;
		height: 270px;
		background-color: #fff;
		overflow: hidden;
		box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
		float: left;
		margin-right: 15px;
		margin-top: 15px;
	}
	.recom-bd ul li:nth-child(5n) {
		margin-right:  0;
	}
	.recom-bd li h5,
	.recom-bd li p {
		padding: 0 20px 0 24px;
		margin-top: 12px;

	}
	.recom-bd li h5 {
		line-height: 22px;
		font-size: 14px;
		font-weight: normal;
	}
	.recom-bd li p {
		font-size: 12px;
		color: #999;
	}
	.recom-bd li p span {
		color: #ff7c2d;
	}
	/*页面地部分*/
	footer {
		height: 270px;
		background-color: pink;
		margin-top: 100px;
	}
	.footer-in {
		padding-top: 30px;
	}
	.footer-l {
		float: left;
	}
	.footer-l p {
		font-size: 12px;
		color: #999;
		line-height: 18px;
		margin-top: 20px;
		
	}
	.footer-l a {
		display: block;
		width: 118px;
		height: 33px;
		border: 1px solid #00a4ff;
		font-size: 16px;
		color: #00a4ff;
		text-align: center;
		line-height: 33px;
		margin-top: 15px;
	}
	.footer-r {
		float: right;
		color: #333;
	}
	.footer-r dl {
		float: left;
		width: 225px;
	}
	.footer-r dt {
		font-size: 16px;
		height: 30px;
	}
	.footer-r dd {
		font-size: 12px;
		height: 20px;
	}
	.footer-r dd a:hover {
		color: #00a4ff;
		text-decoration: underline;
	}


